body{
	background-color: #1E2124;
	font-family: "Helvetica Neue","Lucida Grande","Microsoft YaHei",Arial,"Liberation Sans",FreeSans,"Hiragino Sans GB",sans-serif;
	color: white;
}
body,h1,h2,h3,h4,div,form,img,li,ul,ol,dt,table,td,tr{
	margin: 0;
	padding:0;
}
* img{
	border:none;
}
* table{
	border-collapse: collapse;
    border-spacing: 0;
}

.user{
	color: #b5bdce;
	height: 50px;
}
.user_img img{
	width: 30px;
	height: 30px;
}
.user_name a{
	line-height: 50px;
	color: #b5bdce;
	text-decoration: none;
}
.user_name a:hover{
	text-decoration:underline;
}
.user_img{
	border-radius:50%; overflow:hidden;
	margin: 10px 15px 0 0;
	float: left;
}
.caret{
	border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px dashed;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}
.user_name{
	float: right;
}
#user_name_none{
	z-index: 1;
	border:1px solid #22262A;
	background-color: #2E3238;
	width: 100px;
	height: 75px;
	text-align: center;
	font-size: 14px;
	position:absolute;
	top:50px;
	display:none;
}
.user_home{
	margin-top:5px;
	height: 35px;
}
.user_home a,.out_login a{
	text-decoration: none;
	line-height:35px;
	color: #b5bdce;
}
.user_home:hover,.out_login:hover{
	background-color: #22262A;
}
.out_login{
	height: 35px;
}
* ul,li{
	list-style: none;
}

.logo{
	margin: 0 auto;
	width: 1080px;
	height: 50px;
}
.login{
	float: right;
	font-size: 12px;
}
.mr{
	line-height: 50px;
	color: #999;
	text-decoration: none;
	margin-right: 20px;
}
.bodyer{
	background:url("../images/dota2-bg.png") no-repeat scroll center top;
	height: 100%;

}

.container{
	margin:0 auto;
	height: 100%;
	width: 1080px;
	color: #1E2124;
	padding-top:20px;
}

.footer{
	border-top:1px solid #2E3238 ;
	color: #afb0b2;
	font-size: 13px;
}
.footer_container{
	margin:30px auto;
	width: 1080px;
	height: 120px;
	text-align: center;
	background-color: #171717;
}
.footer_container li{
	list-style: none;
}
.footer_container p{
	padding-top: 50px;
}
.footer_container a{
	color: #6b6b6b;
	text-decoration: none;
}
.footer_container a:hover{
	color:#ee4e10;
	text-decoration:underline;
}
.footer_container b{
	margin: 0 10px;
}

.nav{
	position: fixed;
	left: 50%;
	margin-left: 600px;
	bottom:33px;

}
.shopper{
	background-color: #22262a;
	border-top:2px solid #14b9d6;
	font-size: 14px;
	font-weight: bold;
    position: fixed;
    text-align: center;
    top: 400px;
	width: 52px;
}
.shopper span img{
	margin:10px 5px 7px 0;
}
.shopper a{
	color:#afb0b2;
	text-decoration:none;
}
.shopper_gw{
	font-size: 16px;
	padding:0 12px;
	line-height: 22px;
}
.shopper_bb{
	background-color:#1d8091;
	width: 32px;
	height: 47px;
	padding:5px 8px 0 13px;
	margin-top: 10px;
}
#shopper_bb_a {
	color: white;
	text-decoration:none;
}
#shopper_bb_a:hover{
	text-decoration:underline;
}

#shopper_most_a:hover{
	text-decoration:underline;
}
.site{
	width: 1080px;
	height: 30px;
	background-color:#22262A;
}
.home_icon{
	float: left;
	width: 50px;
	height: 30px;
	background-color: #363B42;
}
.triangle{
	background-color: #292E34;
	float: left;
	width: 15px;
	border-left:15px solid #363B42;
	border-top:15px solid transparent;
	border-bottom:15px solid transparent;
}
.triangle1{
	background-color: #22262a;
	float: left;
	width: 15px;
	border-left:15px solid #292E34;
	border-top:15px solid transparent;
	border-bottom:15px solid transparent;
}
.home_icon img{
	margin: 6px 0 0 18px;
}
.site_sp{
	float: left;
	line-height: 30px;
	font-size: 12px;
	background-color: #292E34;
}
.site_sp a{
	color: #afb0b2;
}
.site_sp a:hover{
	color:#16b2ce;
}
.site_ss{
	line-height:30px;
	font-size:13px;
	color: #afb0b2;
}
/*瀵艰埅鏍�*/
.ndb{
	margin-top: 20px;
	background-color: #22262a;
	height: 50px;
}
.ndb_img span{
	color:white;
	margin:10px;
}
.ndb_img img{
	position: relative;
	top: 3px;
	left: 5px;
}
.ndb_img{
	float: left;
	background-color: #454954;
	font-weight: bold;
	line-height: 50px;
	width: 190px;
	height: 100%;
	text-align:center;
	margin-left: 21px;
}

.search{
	float: right;
	width: 850px;
}
.mall-top-title{
	background-color: #22262a;
    font-size: 14px;
    height: 50px;
    padding-left: 22px;
    text-align: right;
    width: 827px;
}
#search_input{
	color: #f6f6f6;
	width: 500px;
	background-color: #17191c;
    border: 1px solid #383d44;
    border-radius: 16px;
    font-size: 12px;
    height: 30px;
    margin-top: 8px;
    padding-left: 20px;
}
.search_input img{
	float: right; 
	position: relative;
	top: 12px;
	left: -40px;
	width: 25px;
	height: 25px;
}

.sort_ent{
	clear: both;
	padding: 0 19px;
	height: 135px;
	background-color:#454954;
}
.strength{
	margin-left: 15px;
	float: left;
	width: 185px;
	height: 135px;
}
.alacrity{
	float: left;
	width: 185px;
	height: 135px;
}
.intelligence{
	float: left;
	width: 185px;
	height: 135px;
}
.rarity{
	float: left;
	height: 135px;
	width: 123px;
}
.type{
	
	float: left;
	height: 135px;
	width: 240px;
}
.note{
	clear: both;
	float: left;
	color:white;
	padding:22px 0 10px 7px;
}

.note1{
	padding:22px 0 10px 7px;
	float: left;
	display: inline-block;
	color: #95979c;
	font-size: 8px;
}
#strength_block{
	border:1px solid black;
}
#alacrity_block{
	border:1px solid black;
}
#intelligence_block{
	border:1px solid black;
}
.suspension{
	display: none;
	padding:4px;
	width: 304px;
	height: 280px;
	position: relative;
	bottom: 74px;
	right: 4px;
	z-index: 1;
	/*background-color: #22262A;*/
}
.suspension_hero:hover .suspension{
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
}
@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}

	100% {
		opacity:100%;
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}
#alacrity_hero_none{
	z-index: 1;
	display: none;
	padding:4px;
	width: 304px;
	height: 245px;
	position: relative;
	bottom: 74px;
	right: 4px;
}
.suspension_hero:hover #alacrity_hero_none{
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
}
#intelligence_hero_none{
	z-index: 1;
	display: none;
	padding:4px;
	width: 304px;
	height: 280px;
	position: relative;
	bottom: 74px;
	right: 4px;
}
.suspension_hero:hover #intelligence_hero_none{
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
}
#strength_none{
	border:1px solid black;
}
#alacrity_none{
	border:1px solid black;
}
#intelligence_none{
	border:1px solid black;
}
.divider{
	float: left;
	border-left: 1px dashed #575b65;
	height: 73px;
	margin: 52px 10px 0 10px;
}
#rarity_x{
	clear:both;
}
.rarity_name{
	background-color: #3B4048;
	margin:5px 0;
    line-height: 32px;
    text-align: center;
    width: 120px;
    font-size: 14px;
    border:1px solid #5f6773;
}
.rarity_td{
	float: left;
}
.rarity_name_none{
	width: 120px;
	border:1px solid #5f6773;
	margin:0 2px 5px 0px;
	font-size: 14px;
	line-height: 32px;
    text-align: center;
}
#rarity_x_none{
	z-index: 1;
	display: none;
	position: relative;
	bottom: 83px;
	right: 3px;
	background-color: #3B4048;
    padding: 4px;
    width: 248px;
    height: 152px;
}
#order_time_hid{
	float: left;
	display: none;
}
#order_price_hid{
	float: left;
	display: none;
}
#order_time_bl{
	float: left;
}
#order_price_bl{
	float: left;
}

.uarr_top{
	display: inline-block;
	padding-left: 7px;
	color:#14b9d6;
}
.suspension_hero:hover #rarity_x_none{
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
}
.rarity_pt{
	color: #b0c3d9;
}
.rarity_yj{
	color: #5e98d9;
}
.rarity_xy{
	color: #4b69ff;
}
.rarity_sh{
	color: #8847ff;
}
.rarity_cs{
	color: #d32ce6;
}
.rarity_yg{
	color: white;
}
.rarity_bx{
	color: #e4ae39;
}
.rarity_zb{
	color:#ade55c;
}
.fettle{
	height: 50px;
	background-color: #3B4048;
	font-size: 16px;
}
.field{
	color:white;
	font-size: 14px;
	padding-left: 34px;
	float: left;
	line-height: 50px;
}
.tj{
	float: left;
}
.field_border{
	background-color: #494c50;
    border-radius: 4px;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 10px 0 10px 11px;
    padding: 0 7px;
    text-align: center;
    /*width: 41px;*/
    color: #afb0b2;
}
.field_border span a{
	color:white;
}
.field_border span{
	color:white;
	font-size: 17px;
    cursor: pointer;
	display: inline-block;
	margin-left: 5px;
}
.type_name{
	font-size: 14px;
	background-color: #3B4048;
	color:white;
	border: 1px solid #5f6773;
    height: 32px;
    line-height: 32px;
    margin: 0 2px 5px 0;
    text-align: center;
    width: 120px;
}
#type_x_none{
	z-index: 1;
	display: none;
	position: relative;
	bottom: 83px;
	right: 4px;
	background-color: #3B4048;
    padding: 4px;
    width: 248px;
    height: 231px;
}
.suspension_hero:hover #type_x_none{
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
}
.fettle_q{
	text-align: center;
	margin: 0 auto;
	width: 200px;
	height: 100%;
	font-size: 14px;
}
.fettle_q a{
	color: white;
}
.fettle_q_all_def{
	margin-left: 12px;
	float: left;
	display: inline-block;
    line-height: 47px;
    padding: 0 10px;

}
.fettle_q_all{
	border-bottom:2px solid #14B9D6;
	margin-left: 12px;
	float: left;
	display: inline-block;
    line-height: 47px;
    padding: 0 10px;
}
.m{
	color:white;
}
.b{
	border-bottom:none;
}
.seq{
	float: right;
	margin-right: 36px;
}
.seq_b{
	color:#14B9D6;
}
.seq a:hover{
	color:#14B9D6;
}
.seq_d{
	text-align: center;
	margin: 11px 0 11px 11px;
	line-height: 24px;
	padding:0 7px;
	border:1px solid #5f6773 ;
	float: left;
	border-radius: 4px;
	font-size: 12px;
	width: 41px;
	height: 26px;
}

.show_shop{
	clear: both;
	background-color: #34393F;
	height: 100%;
	margin-bottom: 100px;
	padding: 15px 15px 25px;
}

.shop_a{
	border-radius: 1px;
	background-color: #22262A;
	border: 1px solid #22262a;
	width: 190px;
	height: 195px;
	padding: 3px;
	margin:0 5px 14px 7px;
	display:inline; float:left;
	color: #afb0b2;
}
.shop_a:hover{
	background-color: #424a54;
}
.shop_img{
	overflow: hidden;
	height: 122px;
}
.shop_img img{
	cursor: pointer;  
    transition: all 0.2s;
}
.shop_img img:hover{
	 transform:scale(1.4); 
}
.shop_b{
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	margin-top: -30px;
    position: relative;
	margin-bottom: -33px;
	background-color: #0b0b0c;
    height: 30px;
    opacity: 0.55;
}
.shop_price{ 
	padding-right: 10px;
	margin-top: -30px;
    position: relative;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
}
.shop_sj{
	color: white;
	font-size: 12px;
	float: right;
}
.shop_num{
	color: #ee4e10;
	font-size: 16px;
	float: right;
}
.shop_rarity{
	padding:9px 5px;
	text-align: left;
	font-size: 14px;
}
.shop_rarity span{
	color:white;
}
.shop_name img{
	position: relative;
	top: 3px;
	width: 17px;
	height: 17px;
}
.shop_name{
	overflow: hidden;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
	border-bottom: 1px dashed #343b40;
	padding: 9px 5px;
	font-size: 15px;
	text-align: left;
}
.shop_name a{
	color: #afb0b2;
	text-decoration: none;
}
.shop_name a:hover{
	color:#16b2ce;
	text-decoration:underline;
}
.showpage{
	clear: both;
	display: table;
	margin:0 auto;
	text-align: center;
}
.showpage a{
	border-radius: 50%;
	overflow: hidden;
	width: 30px;
	height: 30px;
	margin-left:15px;
	line-height: 30px;
	color:#afb0b2;
	float: left;
	border:1px solid #9c9ea1;
}
.showpage a:hover{
	color:#14b9d6;
	border:1px solid #14b9d6;
}
.showpage div{
	width: 100%;
	height: 35px;
}
.showpage span{
	color:#14b9d6;
	border-radius: 50%;
	overflow: hidden;
	border:1px solid #14b9d6;
	margin-left: 15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: block;
	float: left;
}
.sm{
	height: 252px;
	line-height: 252px;
	text-align: center;
	color:#9d9ea1;
}
